Preload pattern
from App Router
Preload pattern
https://beta.nextjs.org/docs/data-fetching/caching#preload-pattern-with-cache
void fn()って構文初めて見たなmrsekut.icon
code:tsx
import { getUser } from "@utils/getUser";
export const preload = (id: string) => {
void getUser(id);
}
export default async function User({ id }: { id: string }) {
const result = await getUser(id);
// ...
}
preloadという名前は規定されたものではないので、別になんでもいい
code:tsx
import User, { preload } from '@components/User';
export default async function Page({
params: { id },
}: {
params: { id: string };
}) {
preload(id); // starting loading the user data now
const condition = await fetchCondition();
return condition ? <User id={id} /> : null;
}